JasmineJS এ Browser এ টেস্ট রান করার জন্য কিছু নির্দিষ্ট সেটআপ এবং কনফিগারেশন করতে হয়। এটি আপনাকে সরাসরি ওয়েব ব্রাউজারে আপনার টেস্টগুলো দেখতে এবং তাদের ফলাফল যাচাই করতে সহায়তা করে। Jasmine-এর মাধ্যমে টেস্টগুলো ব্রাউজারে চালানোর জন্য সাধারণত HTML ফাইল এবং Jasmine এর স্ক্রিপ্ট ফাইলগুলো ব্যবহার করা হয়।
Browser এ Jasmine টেস্ট চালানোর জন্য প্রাথমিক সেটআপ
ব্রাউজারে Jasmine টেস্ট চালানোর জন্য আপনাকে কয়েকটি ধাপে কাজ করতে হবে:
- Jasmine লাইব্রেরি অন্তর্ভুক্ত করা: Jasmine লাইব্রেরির ফাইলগুলো আপনার HTML ফাইলে যুক্ত করতে হবে।
- টেস্ট স্ক্রিপ্ট তৈরি করা: আপনার টেস্ট ফাইল তৈরি করে তাতে টেস্ট কোড লিখতে হবে।
- HTML ফাইল তৈরি করা: Jasmine টেস্টগুলো ব্রাউজারে রেন্ডার করতে একটি HTML ফাইল তৈরি করতে হবে।
1. Jasmine লাইব্রেরি অন্তর্ভুক্ত করা
প্রথমে, আপনাকে Jasmine এর লাইব্রেরি ফাইলগুলো অন্তর্ভুক্ত করতে হবে। Jasmine এর jasmine.js এবং jasmine-html.js ফাইল ব্রাউজারে টেস্ট চালানোর জন্য প্রয়োজনীয়।
উদাহরণ:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Jasmine Test</title>
<!-- Jasmine CSS -->
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/jasmine/3.9.0/jasmine.css">
<!-- Jasmine JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jasmine/3.9.0/jasmine.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jasmine/3.9.0/jasmine-html.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jasmine/3.9.0/boot.js"></script>
</head>
<body>
<!-- Jasmine Test Results will be displayed here -->
<script src="test/spec/test-spec.js"></script>
</body>
</html>
এখানে:
jasmine.css: Jasmine এর ডিফল্ট স্টাইল শীট।jasmine.js,jasmine-html.jsএবংboot.js: Jasmine লাইব্রেরির প্রধান ফাইলগুলো, যা টেস্টিং ইন্টারফেস তৈরি করে এবং ফলাফল প্রদর্শন করে।
2. টেস্ট স্ক্রিপ্ট তৈরি করা
এখন আপনাকে একটি আলাদা টেস্ট স্ক্রিপ্ট ফাইল তৈরি করতে হবে। এতে আপনি আপনার টেস্ট কেস লিখবেন। এই স্ক্রিপ্টটি test/spec/ ডিরেক্টরিতে থাকতে পারে, যেমন test-spec.js।
উদাহরণ:
describe("Sample Test", function() {
it("should add two numbers correctly", function() {
const result = 2 + 3;
expect(result).toBe(5);
});
it("should multiply two numbers correctly", function() {
const result = 2 * 3;
expect(result).toBe(6);
});
});
এখানে:
describe(): একটি টেস্ট সুট তৈরি করে।it(): একটি টেস্ট কেস অথবা পরীক্ষা তৈরি করে।expect(): একটি assertion ফাংশন যা একটি value পরীক্ষা করে।
3. HTML ফাইল তৈরি করা
HTML ফাইলটি আপনার Jasmine টেস্ট চালানোর জন্য প্রয়োজনীয় সেটআপ করবে। test-spec.js ফাইলটি HTML ফাইলের মধ্যে লিংক করা হবে, যাতে টেস্ট কোড ব্রাউজারে রান করতে পারে।
উদাহরণ:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Jasmine Test</title>
<!-- Jasmine CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jasmine/3.9.0/jasmine.css">
<!-- Jasmine JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jasmine/3.9.0/jasmine.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jasmine/3.9.0/jasmine-html.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jasmine/3.9.0/boot.js"></script>
</head>
<body>
<h1>Jasmine Test Results</h1>
<!-- Jasmine Test Script -->
<script src="test/spec/test-spec.js"></script>
<!-- Jasmine HTML Reporter -->
<script>
// This will bootstrap Jasmine to run in the browser and show results
jasmine.getEnv().addReporter(new jasmine.HtmlReporter());
</script>
</body>
</html>
এখানে:
- HTML Reporter: Jasmine এর টেস্ট ফলাফল ব্রাউজারে দেখানোর জন্য
HtmlReporterব্যবহার করা হয়েছে।
4. টেস্ট রান করা
এখন আপনি আপনার HTML ফাইলটি একটি ব্রাউজারে ওপেন করতে পারেন। ব্রাউজারে টেস্ট চলতে শুরু করবে এবং আপনি Jasmine এর reporter এর মাধ্যমে ফলাফল দেখতে পাবেন।
- ফলাফল প্রদর্শন: Jasmine টেস্ট রেজাল্ট ব্রাউজারে একটি ডিফল্ট রিসাল্ট প্যানেলে প্রদর্শিত হবে, যেখানে আপনি পাস হওয়া টেস্ট এবং ব্যর্থ টেস্ট দেখতে পাবেন।
Jasmine এ টেস্ট রান করার সময় কিছু গুরুত্বপূর্ণ বিষয়
- Testing Environment: Jasmine-এর এই ব্রাউজার বেইজ টেস্টিংয়ে আপনাকে কোনো সার্ভারের প্রয়োজন হয় না। সরাসরি HTML ফাইল খুললেই টেস্ট চলে যাবে।
- Reporters: Jasmine এ অন্য ধরনের রিপোর্টারও ব্যবহার করা যেতে পারে যেমন
ConsoleReporterবাSpecReporterইত্যাদি, যা ফলাফল কনসোলে বা অন্যভাবে প্রদর্শন করে। - Integration with Webpack: JasmineJS সাধারণত সরাসরি ব্রাউজারে রান করার জন্য ব্যবহৃত হয়, তবে এটি Webpack, Karma ইত্যাদির মাধ্যমে বড় প্রকল্পেও ইন্টিগ্রেট করা যেতে পারে।
সারাংশ
JasmineJS এ browser এ টেস্ট রান করতে হলে আপনাকে মূলত:
- Jasmine লাইব্রেরির ফাইলগুলো ব্রাউজারে অন্তর্ভুক্ত করতে হবে।
- একটি HTML ফাইল তৈরি করে সেটিতে Jasmine টেস্ট স্ক্রিপ্ট অন্তর্ভুক্ত করতে হবে।
- Jasmine স্পেসিফিকেশন ফাইল তৈরি করে টেস্ট কেসগুলো লিখতে হবে।
এই প্রক্রিয়া শেষে আপনি সরাসরি ব্রাউজারেই আপনার টেস্ট চালাতে পারবেন এবং ফলাফল দেখতে পারবেন।
Read more
